<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
    <script src="js/flexible.js" defer></script>
    <title>Title</title>
    <script src="js/jquery.js" defer></script>
    <script src="js/resetpassword.js" defer></script>

</head>
<style>
    *{
        margin:0;
        padding:0;
    }
    li{
        list-style-type:none;
    }
    a{
        text-decoration:none;
    }
    img{
        vertical-align:middle;
    }
    .fl{
        float:left;
    }
    .fr{
        float:right;
    }
    .clearfix:after{
        content:"";
        display:table;
        clear:both;
    }
    #formlist{
        position: fixed;
        left: 50%;
        margin-left: -3.875rem;
        font-size: 14px;
    }
    .title1{
        text-align: center;
        height: 0.5rem;
        line-height: 0.5rem;
        margin: 1.06609808rem auto;
        color: #555555;
        font-size: 20px;
    }
    /*手机号*/
    #num1{
        width: 4.8rem;
        border: none;
        outline: none;
    }
    .border{
        border-radius: 0.15rem;
        height: 1rem;
        line-height: 1rem;
        border: 1px solid #cccccc;
        margin-bottom: 1rem;
    }
    #chaCha{
        display: inline-block;
        margin-left: 1.5rem;
    }
    /*验证码栏*/
    .yanzhenlan{
        width: 7.75rem;
    }
    #num2{
        width: 4.6875rem;
        margin-right: 0.37rem;
        border: none;
        border-right: 1px solid #cccccc;
        outline: none;
    }
    #yanzhenbtn{
        border:none;
        background: none;
        color: dodgerblue;
        cursor: pointer;
        outline: none;
    }
    #yanzhenbtn:disabled{
        color: #cccccc;
        cursor: none;
    }
    /*密码页*/
    #pwd1{
        border: none;
        outline: none;
    }
    .pwdlan{
        width: 7.75rem;
    }
    /*注册按钮*/
    .loginbtn:disabled{
        background-color: #3580eb;
        background-image: linear-gradient(0deg,#3580eb,#2c79eb);
        color:#eeeeee;
    }
    .loginbtn{
        width: 7.75rem;
        text-align: center;
        margin-top: 30px;
        border: 1px #3083ff solid;
        border-radius: 4px;
        background-color: #3487ff;
        box-shadow: 0 5px 8px 0 rgba(24,95,255,.1);
        color: #fff;
        font-weight: lighter;
        height: 36px;
        font-size: 18px;
        outline: none;
        background-image: linear-gradient(0deg,#398bff,#3083ff)
    }
    /*提示框*/
    #promptbox{
        color: white;
        text-align: center;
        line-height: 3.125rem;
        display: none;
        border-radius: 0.3125rem;
        position: fixed;
        width: 5rem;
        left: 50%;
        margin-left: -2.5rem;
        height: 3.125rem;
        top:50%;
        margin-top: -1.625rem;
        background: rgba(00,00,00,0.4);
    }
</style>
<body>
<div class="title1">
    <img style="vertical-align: center;position: relative;right: 3rem" src="images/返回.png" width="16px" onclick="fanHui0()"/>重置密码
</div>
<form id="formlist">
    <!--手机号码栏-->
    <div class="border" style="display: inline-block;width: 7.75rem;">
        &nbsp;&nbsp;<input id = "num1" name="phone" type="text" placeholder="请您输入手机号"  maxlength="11" required autocomplete="off"/>
        <img id="chaCha" src="" width="12px"   />
    </div>
    <!--验证码栏-->
    <div>
        <div class="yanzhenlan border" style="display: inline-block;">
            &nbsp;&nbsp;<input  id="num2" autocomplete="off" maxlength="6" placeholder="请您输入验证码"/><input id="yanzhenbtn" type="button"   value="发送验证码" disabled />
        </div>
    </div>
    <!--密码栏-->
    <div>
        <div class="pwdlan border" style="display: inline-block;">
            &nbsp;&nbsp;<input type="password" placeholder="请您输入新的密码" name="newPwd" maxlength="16" id="pwd1" title="密码长度6~16位，数字、字母和符号至少包含两种，且不能和旧密码相同" />
        </div>
    </div>
    <!--重置密码-->
    <input class="loginbtn" id="loginbtn" type="button" value="重置密码" disabled>
</form>
<!--提示框-->
<div id="promptbox">

</div>
</body>
</html>